
.sidebar_wrap { position: fixed; z-index: 100; top: 0; right: 0; width: 36px; height: 100%; }
.sidebar_bg   { position: absolute;  top: 0; left: 0; width: 100%; height: 100%; opacity: 0.95; background-color: #40454d; }
.sidebar_main { position: absolute; top: 24%; left: 0; width: 100%;}
.sidebar_main .sidebar_content { position: relative; width: 100%; margin-top: -1px; padding: 10px 2px; cursor: pointer; text-align: center;  }
.sidebar_main .sidebar_cart a { display: block; }
.sidebar_main .sidebar_cart p ,.sidebar_main .sidebar_kefu p { font-family: "microsoft yahei"; font-size: 14px; line-height: 19px; letter-spacing: 5px; color: #fff; }
.sidebar_line { width: 18px; height: 0px; margin: 4px auto; border-bottom: 1px solid #949494; }
.sidebar_main .drawer { position: absolute;  top: 13px; left: 0; display: none; windows: 0px; height: 0px; border-width: 8px 0 8px 8px; border-style: solid; border-color: transparent transparent transparent #fff;}

 .sidebar_deawer {left: 36px; top: 0px; text-align: center;  position: absolute; z-index: -1; width: 200px; cursor: default; border: 1px solid #dedede; background-color: #fff;  box-shadow: 1px 1px 3px #d4d4d4; }
/*.sidebar_kefu .kefu_drawer {display: none;}*/
.sidebar_kefu .sidebar_deawer .close_kefu { display: block;  font-size: 20px; text-align: center; cursor: pointer; width: 20px; position: absolute; top: 5px; left: 5px;} 
.sidebar_kefu .sidebar_deawer .btn { font-family: "microsoft yahei"; font-size: 14px; height: 32px; width: 80px;  line-height: 31px; margin: 30px 6px 15px; display: inline-block; float: left; color: #fff; border-radius: 3px; background-color: #e84489; }
.sidebar_kefu .sidebar_deawer .btns { margin-left: 15px; }
.sidebar_kefu .sidebar_deawer .qr_code { padding: 10px 0; text-align: center; border-top: 1px solid #13489d;margin-top:75px;  }
.sidebar_kefu .sidebar_deawer .qr_code p { font-family: "microsoft yahei"; font-size: 14px; padding-top: 5px; letter-spacing: 1px; text-align: center; padding-bottom: 10px; color: #828282; line-height: 19px;}

.sidebar_member { height: 36px; line-height: 36px;}
.sidebar_member .sm_handle {position: absolute;  top: 18px; left: 0; display: none; windows: 0px; height: 0px; border-width: 8px 0 8px 8px; border-style: solid;border-color: transparent transparent transparent #fff; }
.sidebar_member .sm_drawer { height: 120px; }
.sidebar_member .sm_drawer .logout { position: relative; height: 90px; padding-left: 88px; text-align: left; border-bottom: 1px dotted #acb2b2; }
.sidebar_member .sm_drawer .logout img { position: absolute; top: 20px; left: 16px; width: 50px; height: 50px; border: none; }
.sidebar_member .sm_drawer .logout p { font-family: "microsoft yahei"; line-height: 22px; padding-top: 18px; color: #969696; }
.sidebar_member .sm_drawer .logout a { font-family: "microsoft yahei"; font-size: 14px; margin-right: 5px; color: #5d5d5d; text-decoration: underline; }
.sidebar_member .sm_drawer .logout a:hover { color:#E6186F }
.sidebar_member .sm_drawer .btm { line-height: 29px; height: 29px; text-align: left;  text-indent: 20px; color: #909090}

.sidebar_top { position: absolute; bottom: 40px;  width: 100%;display: block; }
.sidebar_top li a {display: block; width: 100%; height: 100%; text-align: center;} 

.sidebar_main .sidebar_content .i-icon { display: inline-block; background: url(../img/i-icon.png); vertical-align: middle; margin: 0 0 5px -5px}
.sidebar_main .sidebar_content .sid_icon1 { width: 21px; height: 18px; background-position: -23px -188px;}
.sidebar_main .sidebar_content .sid_icon2 { width: 20px; height: 19px; background-position: -23px -169px;  }
.sidebar_main .sidebar_content .sid_icon3 { width: 18px; height: 18px; background-position: -23px -151px; }
.sidebar_top .i-icon { display: inline-block; background: url(../img/i-icon.png); vertical-align: middle; margin: 0 0 5px -5px}
.sidebar_top .icon_top {cursor: pointer;  width: 22px; height: 19px; background-position: -23px -206px; }

 /*客服电话回拨弹出框*/
.kefu_pop_wrap .kefu_pop_big { position: fixed;background: transparent url(../img/kefu_pop_big.png) no-repeat;z-index: 200;opacity: 1; }
.kefu_pop_big .big_close { position: absolute; display: block; width: 5.55%; height: 11.19%; background: black;right: 12.75%; top: 22.01%; cursor: pointer; }
.kefu_pop_big .shouqian { display: block; position: absolute; cursor: pointer; width: 121px; height: 43px; right: 215px; bottom: 39px; } 
.kefu_pop_big .shouhou  { display: block; position: absolute; cursor: pointer; width: 121px; height: 43px; right: 76px; bottom: 39px; }

.kefu_pop_mid { position: fixed; width: 86px; height: 140px; background: transparent url(../img/kefu_pop_mid.png) no-repeat; background-size: 86px 140px; z-index: 200; bottom: 10px; left: 100px; opacity: 1;  }
.kefu_pop_mid .mid_close { position: absolute; display: block; width: 14%; height: 8.6%; right: 4%; top: 2.5%; cursor: pointer; }
.kefu_pop_mid .mid_btn { position: absolute; display: block; width: 90%; height: 16.56%; left: 5%; top: 79.75%; cursor: pointer; }

.kefu_pop_small { position: fixed;  z-index: 200; bottom: 48px; left: 0; height: 32px;cursor: pointer; opacity: 1;} 
.kefu_pop_small .small_tips { height: 32px; font-family: "microsoft yahei"; background: #1360ac; color: #fff; font-size: 13px; padding: 0 10px; line-height: 32px; float: left; }
.kefu_pop_small .small_icon { display: inline-block; height: 32px; width: 32px; background: #a8a8a8 url(../img/kefu_pop_phone.png) 5px 5px no-repeat; border-radius: 0 5px 5px 0; }
 /*客服电话回拨弹出框   结束*/


